<!DOCTYPE html PUBLIC "http://wwww.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd>


<html> 
    <head>
	
	
			<link rel="stylesheet" type="text/css" href="css_banniere.css" /> <!-- Lien page CSS -->
			<link rel="stylesheet" type="text/css" href="css_accueil.css" /> <!-- Lien page CSS -->
			<link rel="stylesheet" type="text/css" href="css_footer.css" /> <!-- Lien page CSS -->
			<link rel="stylesheet" type="text/css" href="css_ajouter.css" /> <!-- Lien page CSS -->
			<link rel="stylesheet" type="text/css" href="css_ajouter_location.css" /> <!-- Lien page CSS -->
			<link rel="stylesheet" type="text.css" href="css_consulter_fiche.css" /> <!-- Lien page CSS -->
			<link rel="stylesheet" type="text/css" href="css_authentification.css" /> <!-- Lien page CSS -->
			<link rel="stylesheet" type="text/css" href="css_enregistrement.css" /> <!-- Lien page CSS -->
			<link rel="stylesheet" type="text/css" href="css_ajouter.css" /> <!-- Lien parge CSS -->
			<link rel="stylesheet" type="text/css" href="css_consulter.css" /> <!-- Lien parge CSS -->
			<link rel="stylesheet" type="text/css" href="css_detail_location.css" /> <!-- Lien parge CSS -->
			<link rel="stylesheet" type="text/css" href="css_profil.css" /> <!-- Lien parge CSS -->
			<link rel="stylesheet" type="text/css" href="css_confirmation.css" /> <!-- Lien parge CSS -->
			<link rel="stylesheet" type="text/css" href="css_reservation.css" /> <!-- Lien parge CSS -->
			<link rel="stylesheet" media="screen and (max-width 1280px)" href="" /> <!-- Pour ceux qui ont une résolution inférieure à 1280 px -->
		 
		
	<meta charset="UTF-8" /> <!-- encodage -->
	
			<script src="../jquery-1.10.2.js"> </script>
			
		 <script>
			$(document).ready(function(){
			
			// Cherche en base si un user existe mais sans recharger la page
				$('#connecter').click( function(){
					var action = $("#authentif").attr("action");	// Decalre "action" qui récupere l'attribut action de authentif
					var postData = $("#authentif").serialize(); // Transforme le tableau en chaine de caractère
						
						$.ajax({
							url : action, // Envoie l'action
							type : "POST", // Methode
							data : postData, // Envoie donner envoyer dans postData
							dataType : "json",
							success : function(data){
								if(data.erreur == ""){
								$("#authentification").html(data.login);
								$("#authentif").hide();
							}else{
								$("#authentification").html(data.erreur);
								}
							},
							error : function(){
								$("#authentification").html("Impossible de joindre le serveur");
							}
						});
				});
			});
		</script>
	
	</head>
	
<body>

	<header>
	
		<div id="banniere">
		</div>
	
	</header> 

	<nav>
				
		<div id="navigation">
			<a href="accueil.php" class="navigation" id="">Accueil</a> 
			<a href="profil.php" class="navigation" id="">Profil</a> 
			<a href="consulter.php" class="navigation" id="">Logements disponibles</a>
			<a href="" class="navigation" id="">Recherche</a>
			<a href="reservation.php" class="navigation" id="">Mes Reservations</a>
		</div>
		
	
	</nav>
